.q-touch-y {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.q-touch {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  user-drag: none;
  -khtml-user-drag: none;
  -webkit-user-drag: none;
}

.auto {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.q-slider {
  overflow: hidden;
}

.q-slider.fullscreen {
  z-index: 200;
}

.q-slider-inner {
  position: relative;
  height: 100%;
}

.q-slider-track {
  padding: 0;
  margin: 0;
  will-change: transform;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
}

.q-slider-track > div {
  flex: 0 0 100%;
  min-height: 200px;
  margin: 0;
  padding: 0rem;
}

.q-slider-track > div.centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.q-slider-track.with-arrows > div {
  padding-left: 10%;
  padding-right: 10%;
}

.q-slider-track.with-toolbar > div {
  padding-bottom: 0rem;
}

.q-slider-track.infinite-left > div:nth-last-child(2) {
  order: -1000;
  margin-left: -100%;
}

.q-slider-track.infinite-right > div:nth-child(2) {
  order: 1000;
}

.q-slider-left-button,
.q-slider-right-button {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 2rem;
  width: 10%;
  max-width: 70px;
  pointer-events: none;
}

.q-slider-left-button i,
.q-slider-right-button i {
  cursor: pointer;
  pointer-events: all;
  padding: 3px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0.6;
  transition: opacity 0.3s;
}

.q-slider-left-button i:hover,
.q-slider-right-button i:hover {
  opacity: 1;
}

.q-slider-left-button {
  left: 0;
}

.q-slider-right-button {
  right: 0;
}

.q-slider-toolbar {
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  right: 0;
  margin: 0;
  opacity: 0.6;
  padding: 0.5rem 0.8rem;
  transition: opacity 0.3s;
}

.q-slider-toolbar i {
  cursor: pointer;
  padding: 5px;
  font-size: 1.5rem;
}

.q-slider-toolbar .items-center i {
  display: none
}

.q-slider-toolbar i span {
  display: none
}

.q-slider-toolbar .q-slider-dots i {

}

.q-slider-dots i {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: none;
  vertical-align: middle;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  color: #f66f25;
}

/* swipe */
.drawer-content {
  z-index: 30;
  position: fixed;
  background: #fff;
  top: 0;
  bottom: 0;
  width: 100%;
  font-size: 1rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position, transform;
}

.drawer-content.left-side {
  left: 0;
  -webkit-transform: translateX(-280px);
  transform: translateX(-280px);
}

.fullscreen {
  position: fixed !important;
  z-index: 30;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.drawer-backdrop {
  display: none;
  z-index: 30;
}

.drawer.active .drawer-backdrop {
  display: block;
}

.absolute-left, .fixed-left {
  top: 0;
  bottom: 0;
  left: 0;
}

.fixed, .fixed-bottom, .fixed-bottom-left, .fixed-bottom-right, .fixed-left, .fixed-right, .fixed-top, .fixed-top-left, .fixed-top-right {
  position: fixed !important;
}

.drawer-opener {
  z-index: 11;
  height: 100vh;
  width: 15px;
}

body.cordova .cordova-hide, body.desktop .desktop-hide, body.electron .electron-hide, body.ios .ios-hide, body.mat .mat-hide, body.mobile .mobile-hide, body.no-touch .no-touch-hide, body.platform-android .platform-android-hide, body.platform-ios .platform-ios-hide, body.touch .touch-hide, body.within-iframe .within-iframe-hide, body:not(.cordova) .cordova-only, body:not(.desktop) .desktop-only, body:not(.electron) .electron-only, body:not(.ios) .ios-only, body:not(.mat) .mat-only, body:not(.mobile) .mobile-only, body:not(.no-touch) .no-touch-only, body:not(.platform-android) .platform-android-only, body:not(.platform-ios) .platform-ios-only, body:not(.touch) .touch-only, body:not(.within-iframe) .within-iframe-only {
  display: none !important;
}
